<template>
	<view class="live">
		<nav-bars transparentFixedFontColor="rgba(0,0,0,.0);" type="transparentFixed">
			<view slot="transparentFixedLeft" style="color: #fff;margin-left: 30rpx;" @click="BackPage"><u-icon name="arrow-left" color="#fff" size="40"></u-icon></view>
		</nav-bars>
		<swiper :indicator-dots="false" :autoplay="false" :vertical="true" :current="VideoCurrent" @change="SwiperChange">
			<swiper-item v-for="(items, indexs) in videoList" :key="indexs">
				<view class="swiper-item" style="width: 100%;height: 100%;">
					<video
						v-if="indexs == VideoCurrent"
						:id="'myvideo' + indexs"
						enable-danmu
						:enable-progress-gesture="true"
						:show-center-play-btn="false"
						:controls="false"
						style="width: 100%;height: 100%;"
						:loop="true"
						:autoplay="true"
						@ended="ended"
						:src="items.media[0].path"
						objectFit="contain"
						@error="VideoError"
						@loadedmetadata="bindloadedmetadata"
						@timeupdate="bindtimeupdate"
						@seekcomplete="bindseekcomplete"
						@click="videoOpreation(indexs)"
					></video>
				</view>
				<!-- 店铺 -->
				<view class="Shop" :style="{ top: isIphone ? navHeight + 10 + 'px' : navHeight + 10 + 'px' }" v-if="items.store.store_name" @tap="toPageurl(items.store.id)">
					<view class="ShopAvatar"><image :src="items.store.store_logo.path ? items.store.store_logo.path : '../../../../static/my/toux.png'" mode=""></image></view>
					<view class="ShopName">{{ items.store.store_name ? items.store.store_name : '*****' }}</view>
					<text class="iconfont icon-more"></text>
				</view>
				<!-- 暂停ICON -->
				<view class="EndBtn" v-if="playStates == false" @click="videoOpreation(indexs)"><u-icon name="play-circle" color="rgba(255,255,255,0.5)" size="100"></u-icon></view>
				<!-- 商品 -->
				<view class="GoodsData">
					<!-- 多个商品 -->
					<view class="GoodsList" v-if="items.product.length > 1" @click="ClickGoodsShow(items.id)">
						<view class="GoodsImgView">
							<image src="https://liankun-1305433883.cos.ap-guangzhou.myqcloud.com/static/shop.png" mode=""></image>
							<view class="GoodsBuy">购物</view>
						</view>
						<view class="GoodsItem">
							<view class="GoodsFor">
								<view class="GoodsForItem" v-for="(item, index) in items.product" v-if="index < 3" :key="index">
									<u-image width="100%" height="100%" :src="item.main_imgurl[0].path" :lazy-load="true"></u-image>
								</view>
							</view>
							<view class="GoodsMore"><image src="../../../../static/common/icon_more.png"></image></view>
						</view>
					</view>
					<!-- 单个商品  -->
					<view class="GoodsOne" v-if="items.product.length == 1">
						<view class="GoodsOneImg"><u-image width="100%" height="100%" :src="items.product[0].main_imgurl[0].path" :lazy-load="true"></u-image></view>
						<view>
							<view class="GoodsTitle">视频同款家具</view>
							<view class="GoodsMessage TextLenght">{{ items.product[0].product_title }}</view>
						</view>
						<view class="GoodsDetaile" @click="toProduct(items.product[0].id)">查看详情</view>
					</view>
					<!-- 用户 -->
					<view class="GoodsUser">
						<view class="GoodsUserView">
							<image :src="items.user_id.avatar.path ? items.user_id.avatar.path : '../../../../static/my/toux.png'" mode=""></image>
							<view class="GoodsIcon" @click="FollowUser(items.user_id.id)">
								<u-icon :name="isFocus == 0 ? 'plus' : 'checkbox-mark'" color="#fff" size="26"></u-icon>
							</view>
						</view>
						<view class="GoodsUserName">{{ items.user_id.username ? items.user_id.username : '*****' }}</view>
						<view class="GoodsUserTime">{{ items.create_time | formatDate }}</view>
					</view>
					<!-- 详情 -->
					<view class="GoodsContent">
						<text :class="['T_Title', isF ? 'TextLenghtTwo' : '']">{{ items.content }}</text>
						<text v-if="items.content.length >= 50" class="T_AllText" @tap="AllText">{{ isF ? '展开' : '收起' }}</text>
					</view>
				</view>
				<view class="BottomView">
					<!-- 进度条 -->
					<view class="process-container">
						<slider
							style="margin:0 0 -20rpx 0;"
							step="1"
							backgroundColor="rgba(255,255,255,0.3)"
							activeColor="#FFFFFF"
							block-color="#FFFFFF"
							block-size="12"
							:value="percent"
							@change="bindchange"
							@changing="bindchanging"
						/>
					</view>
					<!-- 底部框 -->
					<view class="BottomList">
						<view class="BottomItem" @click="is_show_model = true">
							<view class="d_tIcon iconfont icon-transpond"></view>
							<view>转发</view>
						</view>
						<view class="BottomItem" @click="trendStore(items, indexs)">
							<u-icon
								style="margin-right: 26rpx;"
								:name="items.support_status == 1 ? 'heart-fill' : 'heart'"
								:color="items.support_status == 1 ? 'red' : '#fff'"
								size="55"
							></u-icon>
							<view>{{ items.support_num }}</view>
						</view>
						<view class="BottomItem" @click="ClickCommentShow(items.id)">
							<u-icon style="margin-right: 26rpx;" name="chat" color="#fff" size="55"></u-icon>
							<view>{{ items.comment_num }}</view>
						</view>
					</view>
				</view>
			</swiper-item>
		</swiper>
		<!--分享模态弹窗-->
		<view class="cu-modal bottom-modal" :class="[is_show_model ? 'show' : '']" @click.stop="is_show_model = false">
			<view class="cu-dialog bottom-md" style="border-top-left-radius: 20rpx;border-top-right-radius: 20rpx;" @click.stop="">
				<view class="md-content">
					<view class="md-content-item">
						<view class="s_bIcon iconfont icon-friend"></view>
						<view>分享给好友</view>
						<button open-type="share" @click="is_show_model = false" class="sharebtn"></button>
					</view>
					-
					<view class="md-content-item" @click="popShareToPicture">
						<view class="s_bIcon s_bIcons iconfont icon-picture"></view>
						<view>生成分享大图</view>
					</view>
				</view>
				<view class="cancel" @click="is_show_model = false">取消</view>
			</view>
		</view>
		<!-- 评价弹出层 -->
		<u-popup id="popupView" @close="commentClose" v-model="commentShow" height="80%" mode="bottom" border-radius="14" :closeable="true" :safe-area-inset-bottom="true" style="position: relative;">
			<view class="popupTitle">{{ commentNum }}条评论</view>
			<scroll-view scroll-y @scrolltolower="commentScrool"  style="overflow-y: auto;flex: 1;height: 100%;">
				<view class="dynamic">
					<!-- :style="{ bottom: PositionFocus ? PositionTops + 'px' : isIphone ? 34 + 'px' : 0 }" -->
					<view class="d_evaluate" :style="{ 'padding-bottom': isIphone ? 90 + 'px' : 130 + 'rpx' }">
						<view class="d_eList">
							<view v-for="(comment, index) in commentList" :key="index">
								<view class="d_eItem">
									<view class="d_eHead" v-if="comment.user_id.avatar"><image :src="comment.user_id.avatar.path"></image></view>
									<view class="d_eHead" v-else><image src="https://manager.ryz1620.com/static/my/avator.png"></image></view>
									<view class="d_eCont">
										<view @tap="dync_commentSelectReply(comment.id, comment.user_id.username)">
											<view class="d_eName">{{ comment.user_id.username }}</view>
											<view class="d_eTxt">{{ comment.content }}</view>
											<view class="d_eTxt">
												<view class="d_eTip" style="padding-left: 0;">{{ comment.createTime }}</view>
												<view class="d_eTip" @tap.stop="getcommentdel(comment.id)" v-if="comment.user_id.id == useid">删除</view>
												<view class="d_eTip" v-else style="color: #333;">回复</view>
											</view>
										</view>
										<view class="d_eIts">
											<view v-for="reply in comment.sub_reply" :key="reply.id">
												<view class="d_eiItem" @tap="dync_commentSelectReply(reply.id, reply.user_id.username)">
													<view class="d_eiHead" v-if="reply.user_id.avatar"><image :src="reply.user_id.avatar.path"></image></view>
													<view class="d_eiHead" v-else><image src="https://manager.ryz1620.com/static/my/avator.png"></image></view>
													<view class="d_eiCont">
														<view class="d_eiName" v-if="reply.user_id.username">{{ reply.user_id.username }}</view>
														<view class="d_eiName" v-else>*****</view>
														<view class="d_eiTxt">
															<view v-if="reply.isReplay" style="color: #666; font-size: 20rpx;">
																回复
																<text class="d_eiReply" v-if="reply.reply_id.username">{{ reply.reply_id.username }}</text>
																<text class="d_eiReply" v-else>*****</text>
																：
															</view>
															{{ reply.content }}
														</view>
														<view class="d_eiTxt">
															<view class="d_eiTip">{{ reply.createTime }}</view>
															<view class="d_eiTip" @tap.stop="getcommentdel(reply.id)" v-if="reply.user_id.id == useid">删除</view>
															<view class="d_eiTip" v-else style="color: #333;">回复</view>
														</view>
													</view>
												</view>
											</view>
										</view>
									</view>
								</view>
							</view>
						</view>
					</view>
					<!-- 评论框 -->
					<view class="d_talk" :style="{ bottom: 0, 'padding-bottom': PositionFocus ? PositionTops + 'px' : isIphone ? 24 + 'px' : 0 }">
						<view class="d_tShim"></view>
						<view class="d_tBox">
							<view class="d_tInput" v-if="!commentReplyName">
								<input
									type="text"
									placeholder-class="placeholder"
									:focus="inputFocus"
									v-model="content"
									:placeholder="commentReplyName ? '回复 @' + commentReplyName + ':' : '评论一下吧~'"
									@confirm="dync_comment"
									:adjust-position="false"
									confirm-type="send"
									@focus="inputFocus"
									@blur="blurInput"
									@input="inputKey($event, 'comment')"
								/>
							</view>
							<view class="d_tInput" v-else>
								<input
									type="text"
									placeholder-class="placeholder"
									:focus="commentFocus"
									v-model="content"
									:placeholder="commentReplyName ? '回复 @' + commentReplyName + ':' : '评论一下吧~'"
									:adjust-position="false"
									confirm-type="send"
									@confirm="dync_commentReply"
									@focus="inputFocus"
									@blur="blurInput"
									@input="inputKey($event, 'comment')"
								/>
							</view>
						</view>
					</view>
				</view>
			</scroll-view>
		</u-popup>
		<!-- 商品框 -->
		<u-popup id="popupView" v-model="GoodsShow" height="80%" mode="bottom" border-radius="14" :closeable="true" :safe-area-inset-bottom="true" style="position: relative;">
			<view>
				<view class="popupTitle">视频中包含商品</view>
				<view class="ScrollList">
					<view class="ListItem" v-for="(item, index) in Product" :key="index" @click="toProduct(item.id)">
						<view class="listLeft">
							<view class="ListImage"><u-image width="100%" height="100%" :src="item.main_imgurl.path" :lazy-load="true"></u-image></view>
							<view style="flex: 1;">
								<view class="ListTitle TextLenght">{{ item.product_title }}</view>
								<view class="ListShop">{{ item.store_name }}</view>
								<view class="ListPirce">¥{{ item.price }}</view>
							</view>
						</view>
						<text class="iconfont icon-more" style="font-size: 30rpx;font-weight: bold;color: #CCCCCC;"></text>
					</view>
				</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
import URL from '@/config/url.js';
// import navBar from '@/components/navBar/navBar.vue';
import service_design from '@/service/design';
import service_mall from '@/service/mall.js';
//获取所有页面
const mainPagePath = ['pages/home/index/index'];
//返回首页的地址
const homePath = '/pages/home/index/index';
export default {
	data() {
		return {
			// 视频实例
			video: '',
			// liveUrl: 'https://liankun.cos.littlegood.cn/default/2021_09_09_15_18_14_37432_JMrTgMHtDzuZdYi2Q8HAtQAlCM2WdgA8.mp4',
			InputValue: '', //弹幕输入框
			scrollTop: 0, //控制上滑距离
			// windowHeight: 0, //页面高度
			PositionTops: 0,
			PositionFocus: false,
			is_show_model: false, //是否显示分享模态窗
			isFocus: 0,
			updateState: false, //防止视频播放过程中导致的拖拽失效
			// 视频总长度（秒）
			duration: '',
			// 视频播放进度（百分比）
			percent: '0',
			// 是否在拖动
			isSlide: false,
			playStates: true, //控制播放 & 暂停按钮的显示
			isF: true,
			trend_id: null,
			userId: '',
			info: {},
			userdata: '',
			media: [],
			ShareAppTitle: '',
			isSupport: false,
			create_time: '',
			// 分享弹窗
			popShare: false,
			// 评论
			commentPage: 0,
			commentTime: 0,
			commentList: [],
			comment: '',
			replyId: null,
			content: '',
			useid: '',
			commentIsReply: false,
			commentLoading: false,
			commentReplyId: '',
			commentReplyName: '',
			commentShow: false,
			GoodsShow: false,
			Product: [],
			isIphone: false,
			safeAreaNum: 0,
			firstPage: false,
			page: 1,
			videoList: [],
			commentNum: 0,
			VideoCurrent: 0
		};
	},
	created() {
		//获取所有页面
		let currentPages = getCurrentPages();
		let pageLen = currentPages.length;
		//判断是否是第一个页面，如果是有设置back为true的页面，将不显示返回箭头，而显示返回首页按钮
		if (pageLen == 1 && !mainPagePath.includes(currentPages[0].route)) {
			this.firstPage = true;
		}
	},
	onShareAppMessage(res) {
		let that = this;
		if (res.from === 'button') {
		}
		return {
			title: this.ShareAppTitle,
			path: '/pages_design/pages/design/dynamic/player?trendId=' + this.trend_id + '&share_uid=' + this.userId,
			success: function(res) {
				that.getgetforwards();
			}
		};
	},
	onShareTimeline(res) {
		if (res.from === 'menu') {
		}
		return {
			title: this.ShareAppTitle,
			path: '/pages_design/pages/design/dynamic/player?trendId=' + this.trend_id + '&share_uid=' + this.userId,
			success: function(res) {
				that.getgetforwards();
			}
		};
	},
	filters: {
		formatDate(value) {
			let date = new Date(parseInt(value) * 1000);
			let y = date.getFullYear();
			let m = date.getMonth() + 1;
			m = m < 10 ? '0' + m : m;
			let d = date.getDate();
			d = d < 10 ? '0' + d : d;
			let h = date.getHours();
			h = h < 10 ? '0' + h : h;
			let minute = date.getMinutes();
			let second = date.getSeconds();
			minute = minute < 10 ? '0' + minute : minute;
			second = second < 10 ? '0' + second : second;
			return y + '-' + m + '-' + d + ' ' + h + ':' + minute + ':' + second;
		}
	},
	onLoad(params) {
		this.$utils.getUrl()
		let scene = decodeURIComponent(params.scene);
		let token = uni.getStorageSync('token');
		scene = scene.split('&');
		let obj = {};
		for (let i = 0; i < scene.length; i++) {
			let newscene = scene[i].split('=');
			obj[newscene[0]] = newscene[1];
		}
		if (obj.trendId) {
			this.trend_id = obj.trendId;
			this.getSwiperArr(obj.trendId);
		} else {
			this.trend_id = params.trendId;
			this.getSwiperArr(params.trendId);
		}
		if (params.share_uid) {
			let shareuId = params.share_uid;
			this.$store.commit('index/SET_shareuId', shareuId);
			if (token && shareuId) {
				service_mall
					.getPromoter({
						share_uid: shareuId
					})
					.then(res => {
						shareuId = ''
						this.$store.commit('index/SET_token', shareuId)
					});
			}
		}
		if (obj.share_uid) {
			let shareuId = obj.share_uid;
			this.$store.commit('index/SET_shareuId', shareuId);
			if (token && shareuId) {
				service_mall
					.getPromoter({
						share_uid: shareuId
					})
					.then(res => {
						shareuId = ''
						this.$store.commit('index/SET_token', shareuId)
					});
			}
		}
		// this.dyna_getComment();
		this.getTrendTracet(); //足迹ClickCommentShow(items.id)
		this.userId = uni.getStorageSync('userId');
	},
	onReady() {
		var that = this;
		that.isIphone = getApp().globalData.isIphone;
		that.safeAreaNum = getApp().globalData.safeAreaNum;
		that.video = uni.createVideoContext('myvideo' + this.VideoCurrent, that);
		that.updateState = true;
	},
	onShow: function(res) {
		var that = this;
		let token = uni.getStorageSync('token');
		let shareuId = this.$store.state.index.shareuId
		if (token && shareuId) {
			service_mall.getPromoter({ share_uid: shareuId }).then(res => {
				shareuId = ''
				this.$store.commit('index/SET_token', shareuId)
			});
		}
	},
	computed: {
		navHeight() {
			var navHeights = uni.getStorageSync('StatusBarHeight');
			return navHeights.height;
		} // Nav栏高度
	},
	methods: {
		ClickGoodsShow(row) {
			var that = this;
			service_design
				.getProductList({
					trend_id: row
				})
				.then(res => {
					if (res.code == 1) {
						let data = res.data;
						this.Product = data;
						this.GoodsShow = true;
					}
				});
		},
		SwiperChange(event) {
			var that = this;
			var { current, source } = event.detail;
			that.VideoCurrent = current;
			that.trend_id = this.videoList[that.VideoCurrent].id;
			that.commentNum = this.videoList[that.VideoCurrent].comment_num;
			that.video = uni.createVideoContext('myvideo' + that.VideoCurrent, that);
			this.playStates = true;
			this.commentPage = 0;
			this.getTrendTracet(); //足迹
		},
		BackPage() {
			if (this.firstPage) {
				uni.reLaunch({
					url: homePath
				});
			} else {
				uni.navigateBack();
			}
		},
		inputFocus(e) {
			if (e.detail.height != 0) {
				this.PositionTops = e.detail.height;
				this.PositionFocus = true;
				console.log(e);
			}
		},
		blurInput(e) {
			// console.log(e);
			var that = this;
			if (that.isIphone) {
				this.PositionTops = 34;
			} else {
				this.PositionTops = 0;
			}
			this.InputValue = '';
		},
		AllText() {
			this.isF = !this.isF;
		},
		// 监听播放初始化
		bindloadedmetadata(e) {
			let { duration } = e.detail;
			duration = duration.toFixed();
			(this.duration = duration), (this.endTime = this.timeToMinute(duration));
		},
		// 监听播放进度
		bindtimeupdate(e) {
			let { currentTime, duration } = e.detail;
			if (this.updateState) {
				// console.log(e);
				let sliderValue = (e.detail.currentTime / e.detail.duration) * 100;
				// this.percent = sliderValue;
				(this.startTime = this.timeToMinute(currentTime)), (this.percent = ((currentTime / duration) * 100).toFixed(2));
				this.duration = e.detail.duration;
			}
		},
		// 完成一次拖动后触发
		bindchange(e) {
			let { value } = e.detail;
			let { video, duration } = this;
			if (this.duration) {
				// this.setSlide(e.detail.value);
				// console.log(video);
				this.percent = e.detail.value;
				video.seek((value / 100) * duration);
				this.updateState = true;
			}
		},
		toPageurl(store_id) {
			uni.navigateTo({
				url: '/pages_mall/pages/mall/store/store?storeId=' + store_id
			});
		},
		// 拖动过程中触发
		bindchanging(e) {
			// this.setSlide(e.detail.value);
			this.updateState = false;
			// this.bindloadedmetadata()
		},
		// 设置进度条
		setSlide(value) {
			(this.isSlide = true), (this.percentSlide = value);
		},
		videoOpreation(index) {
			var that = this;
			console.log(this.video);
			// var  = uni.createVideoContext('myvideo'+index, that);
			this.playStates ? this.video.pause() : this.video.play();
			this.playStates = !this.playStates;
		},
		// https://blog.csdn.net/qq_31984879/article/details/84071245
		// 秒转换分钟00:00:00格式
		timeToMinute(times) {
			let t;
			if (times > -1) {
				let hour = Math.floor(times / 3600);
				let min = Math.floor(times / 60) % 60;
				let sec = times % 60;
				if (hour < 10) {
					t = '0' + hour + ':';
				} else {
					t = hour + ':';
				}

				if (min < 10) {
					t += '0';
				}
				t += min + ':';
				if (sec < 10) {
					t += '0';
				}
				t += sec.toFixed(2);
			}
			t = t.substring(0, t.length - 3);
			return t;
		},
		// 获取详情
		ended(e) {},
		VideoError(e) {},
		videoPlay() {},
		VideoPause() {},
		bindkeyboardheightchange(event) {},
		toProduct(product_id) {
			uni.navigateTo({
				url: '/pages_mall/pages/mall/goods_details/goods_details?id=' + product_id
			});
		},
		getSwiperArr(trendid) {
			var that = this;
			service_design
				.getSwiperList({
					page: this.page
				})
				.then(res => {
					if (res.code == 1) {
						let data = res.data;
						if (data.length != 0) {
							data.forEach((item, index) => {
								that.videoList.push(item);
								if (item.id == trendid) {
									console.log(item);
									this.VideoCurrent = index;
									this.ShareAppTitle = item.title;
									this.commentNum = item.comment_num;
								}
							});
						}
						// that.videoList.push(data)
					}
				});
		},
		// 获取详情数据
		getDetail() {
			service_design
				.getDyncDetail({
					trend_id: this.trend_id
				})
				.then(res => {
					if (res.code == 1) {
						let data = res.data;
						this.info = data;
						this.userdata = data.user_id;
						this.media = data.media;
						this.create_time = data.create_time;
						this.isFocus = data.user_follow_status;
						this.getProduct();
					}
				});
		},
		FollowUser(follow_id) {
			let follow = this.isFocus;
			if (follow != 0) {
				uni.showModal({
					title: '提示',
					content: '确认取消关注?',
					success: res => {
						if (res.confirm) {
							service_design
								.GetFollow({
									follow_user_id: follow_id,
									status: 0
								})
								.then(res => {
									if (res.code == 1) {
										this.isFocus = 0;
									} else {
										this.$utils.showErr({
											title: res.msg
										});
									}
								});
						} else if (res.cancel) {
							return;
						}
					}
				});
			} else {
				service_design
					.GetFollow({
						follow_user_id: follow_id,
						status: 1
					})
					.then(res => {
						if (res.code == 1) {
							this.isFocus = 1;
							wx.showToast({
								title: '关注成功',
								icon: 'success',
								duration: 2000
							});
						} else {
							this.$utils.showErr({
								title: res.msg
							});
						}
					});
			}
		},
		getProduct() {
			service_design
				.getProductList({
					trend_id: this.trend_id
				})
				.then(res => {
					if (res.code == 1) {
						let data = res.data;
						console.log(data);
						this.Product = data;
					}
				});
		},
		// 转发
		getgetforwards() {
			service_design
				.gettrends({
					trend_id: this.trend_id
				})
				.then(res => {});
		},
		// 记录足迹
		getTrendTracet() {
			service_design
				.getTrendTracetrace({
					trend_id: this.trend_id
				})
				.then(res => {});
		},
		// 动态点赞
		trendStore(item, index) {
			console.log(item);
			let status = item.support_status;
			if (status == 1) {
				uni.showModal({
					title: '提示',
					content: '确认取消点赞?',
					success: res => {
						if (res.confirm) {
							service_design
								.gitTrendstatus({
									trend_id: item.id,
									status: 0
								})
								.then(res => {
									if (res.code == 1) {
										this.videoList[index].support_status = 0;
										this.videoList[index].support_num--;
									} else {
										this.$utils.showErr({
											title: res.msg
										});
									}
								});
						} else if (res.cancel) {
							return;
						}
					}
				});
			} else {
				service_design
					.gitTrendstatus({
						trend_id: item.id,
						status: 1
					})
					.then(res => {
						if (res.code == 1) {
							this.videoList[index].support_status = 1;
							this.videoList[index].support_num++;
						} else {
							this.$utils.showErr({
								title: res.msg
							});
						}
					});
			}
		},
		// 输入框输入内容事件
		inputKey(event, key) {
			this[key] = event.detail.value;
		},
		moveHandle() {},
		// 获取设计动态的评价内容
		ClickCommentShow(row) {
			this.dyna_getComment(row);
		},
		commentClose(){
			this.commentPage = 0
		},
		commentScrool(e) {
			this.commentTime++;
			let commentTime = this.commentTime;
			let commentPage = this.commentPage + 1;
			// 获取评论数据
			service_design
				.getCommentList({
					trend_id: this.trend_id,
					page: commentPage
				})
				.then(res => {
					if (this.commentTime === commentTime) {
						if (res.code == 1) {
							let data = res.data;
							let list = this.v || [];
							// 处理数据
							let nowTime = Date.now();
			
							for (let i = 0; i < data.length; i++) {
								data[i].create_time *= 1000;
								data[i].createTime = this.$utils.getDateDiff(data[i].create_time);
								// 处理回复数据
								let replayList = data[i].sub_reply;
								if (replayList && replayList.length) {
									for (let j = 0; j < replayList.length; j++) {
										replayList[j].create_time *= 1000;
										replayList[j].createTime = this.$utils.getDateDiff(replayList[j].create_time);
			
										// 是否是回复 回复数据 的数据
										if (data[i].id !== replayList[j].parent_id) replayList[j].isReplay = true;
									}
								}
								// 保存数据
								list.push(data[i]);
							}
							this.commentShow = true;
							this.commentPage++;
							if(list.length != 0){
								list.forEach((item,index)=>{
									this.commentList.push(item)
								})
							}
							
						}
					}
				})
				.catch(err => {
					if (this.commentTime === commentTime) {
						this.commentLoading = false;
					}
				});
		},
		dyna_getComment(trend_id) {
			this.commentTime++;
			let commentTime = this.commentTime;
			let commentPage = this.commentPage + 1;
			// 获取评论数据
			service_design
				.getCommentList({
					trend_id: trend_id,
					page: commentPage
				})
				.then(res => {
					if (this.commentTime === commentTime) {
						if (res.code == 1) {
							let data = res.data;
							let list = this.v || [];
							// 处理数据
							let nowTime = Date.now();

							for (let i = 0; i < data.length; i++) {
								data[i].create_time *= 1000;
								data[i].createTime = this.$utils.getDateDiff(data[i].create_time);
								// 处理回复数据
								let replayList = data[i].sub_reply;
								if (replayList && replayList.length) {
									for (let j = 0; j < replayList.length; j++) {
										replayList[j].create_time *= 1000;
										replayList[j].createTime = this.$utils.getDateDiff(replayList[j].create_time);

										// 是否是回复 回复数据 的数据
										if (data[i].id !== replayList[j].parent_id) replayList[j].isReplay = true;
									}
								}
								// 保存数据
								list.push(data[i]);
							}
							this.commentShow = true;
							this.commentPage++;
							this.commentList = list;
						}
					}
				})
				.catch(err => {
					if (this.commentTime === commentTime) {
						this.commentLoading = false;
					}
				});
		},
		// 评论
		dync_comment() {
			let content = this.content;
			service_design
				.getcomment({
					trend_id: this.trend_id,
					content: content
				})
				.then(res => {
					if (res.code == 1) {
						this.TrendPage = 0;
						this.commentPage = 0;
						this.commentList = [];
						this.trend_idnum++;
						this.content = '';
						this.dyna_getComment();
						this.getDetail();
					}
				})
				.catch(err => {});
		},
		// 回复他人评论
		dync_commentSelectReply(id, name) {
			this.commentIsReply = true;
			this.commentReplyId = id;
			this.commentReplyName = name;
			this.content = '';
		},
		// 发布回复评论
		dync_commentReply() {
			service_design
				.getcommentreply({
					comment_id: this.commentReplyId,
					content: this.content
				})
				.then(res => {
					if (res.code == 1) {
						this.commentIsReply = false;
						this.commentPage = 0;
						this.commentList = [];
						this.content = '';
						this.commentReplyId = '';
						this.commentReplyName = '';
						this.dyna_getComment();
					}
				})
				.catch(err => {});
		},
		// 获取更多评论内容
		dync_commentNext(e) {
			this.dyna_getComment();
		},
		// 删除评论
		getcommentdel(id) {
			uni.showModal({
				title: '提示',
				content: '确认删除评论?',
				success: res => {
					if (res.confirm) {
						service_design
							.getcommentdel({
								comment_id: id
							})
							.then(res => {
								if (res.code == 1) {
									this.TrendPage = 0;
									this.commentPage = 0;
									this.commentList = [];
									this.trend_idnum--;
									this.content = '';
									this.dyna_getComment();
									this.getTrend();
								} else {
									this.$utils.showErr({
										title: res.msg
									});
								}
							});
					} else if (res.cancel) {
						return;
					}
				}
			});
		},
		// 跳转-海报页面
		popShareToPicture() {
			uni.navigateTo({
				url: '/pages_design/pages/design/dynamic/share?trendId=' + this.trend_id
			});
		}
	}
};
</script>

<style lang="scss">
page {
	background: #000;
}

.content {
	position: absolute;
	bottom: 200rpx;
	right: 20rpx;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.button {
	background-color: #4cd964 !important;
	color: white !important;
	width: 700rpx;
}

.TextLenght {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.TextLenghtTwo {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.T_Title {
	font-size: 26rpx;
	font-weight: 500;
	color: #ffffff;
	text-align: justify;
	flex: 1;
}
.T_AllText {
	font-size: 26rpx;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.4);
}
// 头部设置
.HeadView {
	flex: 1;

	.HeadItem {
		padding: 8rpx 20rpx 8rpx 8rpx;
		background: rgba(0, 0, 0, 0.49);
		width: max-content;
		border-radius: 40rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;

		.HeadImg {
			width: 64rpx;
			height: 64rpx;
		}

		.HeadCenter {
			margin: 0 16rpx;

			.HeadName {
				font-size: 28rpx;
				font-weight: 500;
				color: #ffffff;
			}

			.HeadLook {
				font-size: 20rpx;
				font-weight: 400;
				color: #ffffff;
			}
		}

		.HeadIcon {
			display: flex;
			align-items: center;
			padding: 10rpx 16rpx;
			background: linear-gradient(180deg, #ff1d25 0%, #ff676c 100%);
			border-radius: 30rpx;

			.HeadClick {
				font-size: 20rpx;
				font-weight: 500;
				color: #ffffff;
				margin-left: 10rpx;
			}
		}
	}
}
.EndBtn {
	position: absolute;
	left: 50%;
	top: 36%;
	transform: translate(-50%, -50%);
}
.Shop {
	padding: 13rpx 20rpx;
	position: absolute;
	// top: 138rpx;
	left: 32rpx;
	display: flex;
	align-items: center;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 39rpx;
	.ShopAvatar {
		width: 44rpx;
		height: 44rpx;
		overflow: hidden;
		border-radius: 100%;
		margin-right: 12rpx;
	}
	.ShopName {
		font-size: 26rpx;
		font-weight: 500;
		color: #fefefe;
	}
	.iconfont {
		font-size: 26rpx;
		color: #ffffff;
	}
}
// 分享点赞按钮
.IconView {
	position: absolute;
	bottom: 50rpx;
	right: 20rpx;
	display: flex;
	align-items: center;

	.IconShare {
		width: 80rpx;
		height: 80rpx;
		background: rgba(0, 0, 0, 0.26);
		border-radius: 50%;
		margin-right: 20rpx;
		display: flex;
		align-items: center;
		justify-content: center;

		.IconShareImg {
			width: 38rpx;
			height: 42rpx;
			margin-left: -4rpx;
		}
	}

	.IconFabulous {
		position: relative;

		.IconFabulousNum {
			position: absolute;
			top: -24rpx;
			left: 50%;
			transform: translate(-50%, 0%);
			background: #ffffff;
			border-radius: 22rpx;
			padding: 6rpx 16rpx;
			font-size: 18rpx;
			font-weight: 500;
			color: #ff444a;
		}
	}
}

// 推荐商品
.GoodsView {
	position: absolute;
	bottom: 170rpx;
	left: 24rpx;
	color: #fff;

	.GoodsItem {
		padding: 4rpx;
		background: #fff;
		border-radius: 6rpx;
		display: flex;
		align-items: center;

		.GoodsImage {
			width: 144rpx;
			height: 144rpx;
			position: relative;

			.GoodsIndex {
				position: absolute;
				top: 0;
				left: 0;
				background: rgba(0, 0, 0, 0.78);
				font-size: 20rpx;
				font-weight: 400;
				color: #ffffff;
				padding: 4rpx 12rpx;
			}
		}

		.GoodsMain {
			font-size: 24rpx;
			font-weight: 400;
			color: #333333;
			margin-left: 16rpx;
			padding-right: 14rpx;
			width: 260rpx;

			.GoodsTitle {
				margin-bottom: 8rpx;
			}

			.GoodsMessage {
				margin-bottom: 8rpx;
			}

			.GoodsPrice {
				display: flex;
				align-items: center;
				justify-content: space-between;

				.GoodsMoney {
					font-size: 28rpx;
					font-weight: 600;
					color: #ff252d;
				}

				.GoodsAddCart {
					font-size: 22rpx;
					font-weight: 400;
					color: #ffffff;
					background: linear-gradient(180deg, #ff1d25 0%, #ff676c 100%);
					border-radius: 18rpx;
					width: max-content;
					padding: 4rpx 16rpx;
				}
			}
		}
	}
}
.popupTitle {
	font-size: 32rpx;
	font-weight: 500;
	color: #0a0605;
	text-align: center;
	position: fixed;
	width: 100%;
	background: #fff;
	top: 0;
	padding: 34rpx 0 10rpx 0;
	z-index: 1;
}
.live {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	background: #000;
	position: absolute;
	top: 0;
	// background-image: url(https://cos.ryz1620.com/liankun/static/live/LivePage.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	// height: 100%;

	#myvideo {
		width: 100%;
		height: 100%;
		position: absolute;
		box-sizing: border-box;
		top: 0;
	}

	.ScrollList {
		background: #fff;
		margin-top: 54rpx;
		padding: 50rpx 32rpx 32rpx 32rpx;

		.ListItem {
			box-shadow: 0rpx 0rpx 24rpx rgba(0, 0, 0, 0.06);
			border-radius: 8rpx;
			display: flex;
			align-items: center;
			padding: 28rpx;
			justify-content: space-between;
			margin-bottom: 40rpx;
			.listLeft {
				display: flex;
				align-items: center;
				.ListImage {
					width: 124rpx;
					height: 124rpx;
					overflow: hidden;
					border-radius: 8rpx;
					margin-right: 16rpx;
				}
				.ListTitle {
					font-size: 26rpx;
					font-weight: 500;
					color: #505050;
					margin-bottom: 14rpx;
				}
				.ListShop {
					font-size: 22rpx;
					font-weight: 400;
					color: #c3ab7c;
					margin-bottom: 6rpx;
					padding: 2rpx 8rpx;
					background: rgba(195, 171, 124, 0.1);
					border-radius: 4rpx;
					width: max-content;
				}
				.ListPirce {
					font-size: 22rpx;
					font-weight: 400;
					color: #e5675a;
				}
			}
		}
	}
}
.GoodsData {
	position: absolute;
	bottom: 140rpx;
	left: 0;
	width: 100%;
	padding: 32rpx;
	.GoodsList {
		padding: 16rpx 20rpx;
		background: rgba(38, 36, 29, 0.32);
		border-radius: 8rpx;
		width: max-content;
		display: flex;
		align-items: center;
		.GoodsImgView {
			display: flex;
			align-items: center;
			margin-right: 16rpx;
			image {
				width: 36rpx;
				height: 36rpx;
				margin-right: 8rpx;
			}
			.GoodsBuy {
				font-size: 26rpx;
				font-weight: 500;
				color: #fefefe;
				border-right: 2px solid rgba(254, 254, 254, 0.2);
				padding-right: 12rpx;
			}
		}
		.GoodsItem {
			display: flex;
			align-items: center;
			justify-content: space-between;
			flex: 1;
			.GoodsFor {
				display: flex;
				align-items: center;
				.GoodsForItem {
					width: 66rpx;
					height: 66rpx;
					overflow: hidden;
					border-radius: 4rpx;
					margin-right: 24rpx;
				}
			}
			.GoodsMore {
				width: 36rpx;
				height: 36rpx;
				overflow: hidden;
				border-radius: 4rpx;
			}
		}
	}
	.GoodsOne {
		padding: 16rpx 20rpx;
		background: rgba(38, 36, 29, 0.32);
		border-radius: 8rpx;
		width: max-content;
		display: flex;
		align-items: center;
		.GoodsOneImg {
			width: 66rpx;
			height: 66rpx;
			overflow: hidden;
			border-radius: 4rpx;
			margin-right: 24rpx;
		}
		.GoodsTitle {
			font-size: 26rpx;
			font-weight: 500;
			color: #fefefe;
		}
		.GoodsMessage {
			font-size: 22rpx;
			font-weight: 500;
			width: 200rpx;
			color: rgba(254, 254, 254, 0.6);
		}
		.GoodsDetaile {
			padding: 15rpx 26rpx;
			background: #b59a57;
			border-radius: 4rpx;
			color: #fefefe;
			margin-left: 25rpx;
			font-size: 24rpx;
		}
	}
	.GoodsUser {
		padding: 32rpx 0;
		display: flex;
		align-items: center;
		.GoodsUserView {
			position: relative;
			image {
				width: 80rpx;
				height: 80rpx;
				border-radius: 100%;
			}
			.GoodsIcon {
				position: absolute;
				left: 50%;
				bottom: -14rpx;
				transform: translate(-50%, 0%);
				background: #ffd425;
				border-radius: 16rpx;
				width: 48rpx;
				height: 32rpx;
				display: flex;
				align-items: center;
				justify-content: center;
			}
		}
		.GoodsUserName {
			font-size: 30rpx;
			font-weight: bold;
			color: #fefefe;
			margin: 0 26rpx;
		}
		.GoodsUserTime {
			font-size: 22rpx;
			font-weight: 500;
			color: rgba(254, 254, 254, 0.4);
		}
	}
	.GoodsContent {
		background: rgba(38, 36, 29, 0.32);
		border-radius: 8rpx;
		padding: 16rpx 16rpx 16rpx 20rpx;
	}
}
.BottomView {
	position: absolute;
	bottom: 0;
	flex: 1;
	width: 100%;
	box-sizing: border-box;
	.BottomList {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 36rpx 32rpx 46rpx 32rpx;
		background: rgba(0, 0, 0, 0.8);
		.BottomItem {
			display: flex;
			align-items: center;
			color: #fff;
			.d_tIcon {
				font-size: 55rpx;
				margin-right: 26rpx;
			}
		}
	}
}
.cu-modal {
	position: fixed;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	top: 0;
	display: none;
	width: 100%;
	z-index: 500;
}

.show {
	display: block;
}

.bottom-md {
	position: absolute;
	bottom: 0;
	background: #fff;
}

.share {
	position: fixed;
	color: #ffffff;
	right: 0;
	bottom: 190rpx;
	background: linear-gradient(to bottom right, #fe726b, #fe956b);
	padding: 10rpx 10rpx 10rpx 20rpx;
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
	box-shadow: 0 0 20upx rgba(0, 0, 0, 0.09);
}

.cancel {
	width: 100vw;
	padding: 30rpx;
	text-align: center;
	background: #ffffff;
	color: #888;
	font-weight: normal;
	font-size: 30rpx;
}

.md-content {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 50rpx 0;
}

.md-content-item {
	margin: 0 90rpx;
	position: relative;
}

.md-content-item image {
	width: 100rpx;
	height: 100rpx;
	margin: auto;
}

.md-content-item view {
	margin-top: 15rpx;
	font-size: 28rpx;
}

.sharebtn {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
}

.md-content-item .s_bIcon {
	font-size: 72rpx;
}

.s_bIcon {
	width: 112rpx;
	height: 112rpx;
	color: #fff;
	font-size: 140rpx;
	margin: 60rpx auto 0;
	border-radius: 50%;
	background: #8bc37a;
	box-shadow: 0 0 12rpx rgba(0, 0, 0, 0.16);
	display: flex;
	justify-content: center;
	align-items: center;
}

.s_bIcons {
	background: #ffd425;
}

.SkuView {
	padding: 46rpx 32rpx 0rpx 32rpx;

	.SkuMes {
		display: flex;

		.SkuImg {
			width: 200rpx;
			height: 200rpx;
			box-shadow: 0rpx 6rpx 16rpx rgba(0, 0, 0, 0.06);
			border-radius: 12rpx;
			overflow: hidden;
		}

		.SkuPrice {
			font-size: 46rpx;
			color: #fd4c53;
			margin-left: 32rpx;
			font-weight: 600;
		}
	}

	.SkuTitle {
		font-size: 30rpx;
		color: #000000;
		font-weight: 600;
		margin: 32rpx 0;
	}

	.SkuItem {
		display: flex;
		align-items: center;
		margin-bottom: 32rpx;
		flex-wrap: wrap;
	}

	.SkuItemList {
		padding: 5rpx 20rpx;
		background: #f5f5f5;
		width: max-content;
		border-radius: 30rpx;
		color: #939393;
		margin-right: 20rpx;
	}

	.SkuItemListA {
		padding: 5rpx 20rpx;
		background: #feeff2;
		width: max-content;
		border-radius: 30rpx;
		color: #e9423e;
		margin-right: 20rpx;
	}

	.SkuMun {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
}

// 弹窗-规格
.Size {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1001;

	.S_bg {
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.8);
	}

	.S_box {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		display: flex;
		flex-flow: column;
	}

	.S_bCloak {
		height: 176rpx;
	}

	.S_bContain {
		border-radius: 24rpx 24rpx 0 0;
		background: #fff;
		position: relative;
		overflow: hidden;
		display: flex;
		flex-flow: column;
		flex: 1;
	}

	.S_bClose {
		width: 104rpx;
		height: 120rpx;
		position: absolute;
		top: 0;
		right: 0;
		display: flex;
		justify-content: center;
		align-items: center;

		.S_bcIcon {
			width: 40rpx;
			height: 40rpx;
			line-height: 40rpx;
			text-align: center;
			color: #000;
			font-size: 20rpx;
			border-radius: 50%;
			background: #f9f6f3;
		}
	}

	.S_bInfo {
		padding: 36rpx 32rpx 20rpx;

		.S_biHead {
			width: 178rpx;
			height: 178rpx;
			margin-right: 24rpx;
			border-radius: 10rpx;
			background: #f0f0f0;
			box-shadow: 0 4rpx 4rpx 0 rgba(136, 136, 136, 0.16);
			overflow: hidden;
			float: left;
		}

		.S_biCan {
			overflow: hidden;
		}

		.S_biFee {
			height: 60rpx;
			line-height: 60rpx;
			color: #e9423e;
			font-size: 32rpx;
			font-weight: bold;
			margin-top: 20rpx;

			& > text {
				font-size: 44rpx;
			}
		}

		.S_biTip {
			height: 40rpx;
			line-height: 40rpx;
			color: #e9423e;
			font-size: 20rpx;
			margin-top: 10rpx;
			border-radius: 4rpx;
			background: #feeff2;
			display: inline-block;

			.yprice {
				margin-left: 0;
			}
		}

		.S_biRe {
			font-size: 30rpx;
			padding-right: 40rpx;
		}

		.S_biRemark {
			height: 28rpx;
			line-height: 28rpx;
			color: #939393;
			font-size: 20rpx;
			margin-top: 10rpx;
		}
	}

	.S_bConfig {
		overflow: hidden;
		flex: 1;

		.S_bcCan {
			padding: 0 34rpx 146rpx;
		}

		.S_bcGroup {
			padding-top: 40rpx;
			position: relative;

			&:first-child {
				padding-top: 20rpx;
			}
		}

		.S_bcTit {
			height: 40rpx;
			line-height: 40rpx;
			font-weight: bold;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

		.S_bcChecks {
			padding-top: 8rpx;
		}

		.S_bcCheck {
			height: 42rpx;
			line-height: 42rpx;
			color: #939393;
			font-size: 24rpx;
			padding: 0 26rpx;
			margin: 16rpx 16rpx 0 0;
			border-radius: 22rpx;
			background: #f5f5f5;
			display: inline-block;

			&.checked {
				color: #e9423e;
				background: #feeff2;
			}
		}

		.S_bcNums {
			height: 48rpx;
			position: absolute;
			top: 36rpx;
			right: -22rpx;
			display: flex;
		}

		.S_bcNum {
			width: 72rpx;
			height: 48rpx;
			line-height: 48rpx;
			text-align: center;
			border-radius: 8rpx;
			background: #f6f7fb;
		}

		.S_bcMinus,
		.S_bcAdd {
			width: 72rpx;
			height: 48rpx;
			position: relative;
		}

		.S_bcMinus::before,
		.S_bcAdd::before,
		.S_bcAdd::after {
			content: '';
			width: 24rpx;
			height: 4rpx;
			border-radius: 4rpx;
			background: #333;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}

		.S_bcAdd::after {
			width: 4rpx;
			height: 24rpx;
		}
	}

	.S_bBtns {
		height: 86rpx;
		color: #fff;
		font-weight: bold;
		padding: 20rpx 15rpx 0;
		border-top: 1px solid #f8f6f3;
		background: #fff;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		box-sizing: content-box;
		display: flex;
		justify-content: space-between;
		padding-bottom: constant(safe-area-inset-bottom);
		padding-bottom: env(safe-area-inset-bottom);

		.S_bbBtn1,
		.S_bbBtn2 {
			width: 294rpx;
			height: 72rpx;
			line-height: 72rpx;
			text-align: center;
			border-radius: 8rpx;
			background: #c3ab7c;
			margin: 0 15rpx;

			&:active {
				opacity: 0.88;
			}
		}

		.S_bbBtn2 {
			background: #333;
		}
	}
}
// 评论=====
.dynamic .d_evaluate {
	padding: 28rpx 0 48rpx 0;
	margin-top: 50rpx;
	background: #fff;
}

.dynamic .d_evaluate .d_eTitle {
	height: 50rpx;
	line-height: 50rpx;
	font-size: 36rpx;
	font-weight: bold;
	padding-left: 36rpx;

	& > text {
		font-size: 24rpx;
		font-weight: bold;
		padding-left: 8rpx;
	}
}

.dynamic .d_evaluate .d_eList {
	padding-left: 32rpx;
}

.dynamic .d_evaluate .d_eItem {
	margin-top: 30rpx;

	&:nth-last-child(1) .d_eCont::after {
		content: none;
	}
}

.dynamic .d_evaluate .d_eHead,
.dynamic .d_evaluate .d_eIts .d_eiHead {
	width: 66rpx;
	height: 66rpx;
	margin-right: 16rpx;
	border-radius: 50%;
	background: #f0f0f0;
	float: left;
}

.dynamic .d_evaluate .d_eCont {
	padding-bottom: 28rpx;
	position: relative;
	overflow: hidden;

	&::after {
		content: '';
		width: 100%;
		height: 1px;
		background: #f4f4f4;
		position: absolute;
		bottom: 0;
		left: 0;
		transform: scaleY(0.5);
	}
}

.dynamic .d_evaluate .d_eName,
.dynamic .d_evaluate .d_eIts .d_eiName {
	height: 28rpx;
	line-height: 28rpx;
	color: #939393;
	font-size: 20rpx;
}

.dynamic .d_evaluate .d_eAuth,
.dynamic .d_evaluate .d_eIts .d_eiAuth {
	width: 64rpx;
	height: 28rpx;
	line-height: 28rpx;
	text-align: center;
	color: #333;
	font-size: 20rpx;
	margin-left: 8rpx;
	border-radius: 28rpx;
	background: #f6f7fb;
	display: inline-block;
}

.dynamic .d_evaluate .d_eTxt,
.dynamic .d_evaluate .d_eIts .d_eiTxt {
	min-height: 34rpx;
	line-height: 34rpx;
	font-size: 24rpx;
	padding-right: 32rpx;
	margin-top: 4rpx;
}

.dynamic .d_evaluate .d_eTip,
.dynamic .d_evaluate .d_eIts .d_eiTip {
	color: #939393;
	font-size: 20rpx;
	padding-left: 16rpx;
	display: inline-block;
}

// 他人回复
.dynamic .d_evaluate .d_eiItem {
	margin-top: 16rpx;
}

.dynamic .d_evaluate .d_eiCont {
	overflow: hidden;
}

.dynamic .d_evaluate .d_eiReply {
	color: #939393;
	font-size: 20rpx;
	padding: 0 4rpx;
}

// 评论框=====
.dynamic .d_talk {
	width: 100%;
	position: fixed;
	left: 0;
	background: #fff;
	z-index: 9999;
	// bottom: 0;
	// .d_tShim {
	// 	height: 130rpx;
	// 	padding-bottom: constant(safe-area-inset-bottom);
	// 	padding-bottom: env(safe-area-inset-bottom);
	// }

	.d_tBox {
		width: 100%;
		// height: 126rpx;
		// padding-bottom: constant(safe-area-inset-bottom);
		// padding-bottom: env(safe-area-inset-bottom);
		// background: red;

		// box-shadow: 0 0 12rpx 0 rgba(155, 155, 155, 0.16);
	}

	.d_tFuns {
		padding-left: 30rpx;
		float: right;
	}

	.d_tFun {
		width: 110rpx;
		height: 96rpx;
		float: right;
	}

	.d_tIcon {
		width: 40rpx;
		height: 40rpx;
		line-height: 40rpx;
		color: #6c6c6c;
		font-size: 40rpx;
		margin: 0 auto;
		padding-top: 14rpx;
		box-sizing: content-box;
	}

	.d_tTxt {
		height: 28rpx;
		line-height: 28rpx;
		text-align: center;
		color: #939393;
		font-size: 20rpx;
	}

	.d_tInput {
		height: 90rpx;
		margin: 20rpx 32rpx 20rpx 32rpx;
		border-radius: 60rpx;
		overflow: hidden;

		& > input {
			width: 100%;
			height: 100%;
			font-size: 24rpx;
			padding: 0 28rpx;
			background: #f6f7fb;
		}
	}
}
</style>
